<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
		<title>商品详情页</title>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper-3.3.1.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/detail.css"/>
		<script src="js/libs/fnBase.js" type="text/javascript" charset="utf-8"></script>	
		<script src="js/libs/jquery-1.12.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/libs/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/detail.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="page" id="detail-page">
			
			<div class="header">
				<ul class="header-list">
					<li class="header-btn"><</li>
					<li class="header-tit">商品详情</li>
					<li class="header-btn"><a href="###">购物车</a></li>
				</ul>
			</div>
			
			<div class="content">
				<!--轮播图-->
				<div class="swiper-container">
					<div class="swiper-wrapper">
						
					</div>
				</div>
				
				<div class="swiper-btns">
					<ul class="self-pagination"></ul>
				</div>
				<ul class="pro-info">
					<li class="pro-name">商品针织衫</li>
					<li class="pro-price"><em>￥222.22</em><del>￥999</del></li>
					<li class="pro-num">购买人数</li>
				</ul>
			</div>
			
			<div class="detail-footer">
				<div class="look-wrap">
					<a href="###" class="look-detail">查看商品详情</a>
				</div>
				<div class="add-wrap">
					<button class="add-cart">添加到购物车</button>
				</div>
			</div>
			
		</div>
		
	</body>
</html>
